<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{margin: 0; padding: 0; list-style: none;}
        #slider{margin: 0 auto; width: 960px; height: 260px;}
        #big-pic{width: 64%; height: 100%; float: left;}
        #big-pic li{height: 100%;}
        #big-pic img{height: 100%;width: 100%;}
        #small-pic{width: 36%; height: 100%; float: left;}
        #small-pic li{width: 100%; height: 50%;}
        #small-pic img{height: 100%;width: 100%;}
    </style>

</head>
<body>
        <div id="slider">
        <ul id="big-pic">
            <li><a href=""><img src="../static/img/slide (1).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (2).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (3).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (4).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (5).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (6).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (7).jpg" alt=""></a></li>
        </ul>

        <ul id="small-pic">
            <li><a href=""><img src="../static/img/slide (5).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (2).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (3).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (4).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (1).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (6).jpg" alt=""></a></li>
            <li><a href=""><img src="../static/img/slide (7).jpg" alt=""></a></li>
        </ul>
        
        <a id="prev"><i class="iconfont icon-jiantou-qianjinx1"></i></a>
        <a id="next"><i class="iconfont icon-jiantou-qianjinx"></i></a>
        

    </div>
</body>
</html>